<template>
  <div>
    <complex-table :data="data">
      <el-table-column :label="$t('commons.table.name')" prop="name" />
      <el-table-column
        :label="$t('business.network.listening_port')"
        prop="port"
      />
      <el-table-column
        :label="$t('business.network.protocol')"
        prop="protocol"
      />
      <el-table-column
        :label="$t('business.network.target_port')"
        prop="targetPort"
      />
      <el-table-column label="Node Port" prop="nodePort" />
    </complex-table>
  </div>
</template>

<script setup lang="ts">
import ComplexTable from "@/views/domain/kubeHud/views/components/complex-table/index.vue";

type Prop = {
  data?: any[];
};

const props = withDefaults(defineProps<Prop>(), {
  data: () => []
});
</script>

<style scoped></style>
